<%@ page language="java" contentType="text/html; charset=UTF-8" isELIgnored="false" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人信息添加页面</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/bootstrap/css/bootstrap.css"
          media="all">
    <script type="text/javascript" src="${pageContext.request.contextPath}/common/bootstrap/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/common/bootstrap/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/common/bootstrap/js/jquery.cookie.js" type="text/javascript"
            charset="utf-8"></script>
    <%--页面调用数据--%>
    <link href="../../pageCss/ClinicalDataQuerySystem/addNewQuery.css" rel="stylesheet" type="text/css">
    <script src="${pageContext.request.contextPath}/pageJs/ClinicalDataQuerySystem/selectNewQuery.js"
            type="text/javascript" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/pageJs/ClinicalDataQuerySystem/addNewQuery.js"
            type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="container">
    <%--选项卡--%>
    <ul id="myTab" class="col-sm-12 nav nav-tabs">
        <li class="col-sm-4 nav1 active" id="application_information">
            <a href="#home" data-toggle="tab">
                <span class="nav2">1</span>申请信息
            </a>
        </li>
        <li class="col-sm-4 nav1" id="query_conditions">
            <a href="#ios" data-toggle="tab">
                <span class="nav2">2</span>查询条件
            </a>
        </li>
        <li class="col-sm-4 nav1" id="results_the_item">
            <a href="#jmeter" data-toggle="tab">
                <span class="nav2">3</span>结果项
            </a>
        </li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="home">
            <form action="" id="form_personal" class="form-horizontal">
                <div class="form-group col-sm-12" style="margin-top: 50px;">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-8" style="height: 500px; overflow:scroll; border: 1px solid #B9B9B9;">
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label"></label>
                            <div class="col-sm-9">
                                <input id="confidentialityAgreement" name="confidentialityAgreement" type="hidden"
                                       class="form-control">
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">条件名称
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <input name="queryConditions" class="form-control" placeholder="请输入查询条件名字">
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">联系方式
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <input name="contact" class="form-control" placeholder="请输入联系方式">
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label"></label>
                            <div class="col-sm-9">
                                联系方式用于审批完成时通知申请人审批结果
                            </div>
                        </div>
                        <div class='form-group col-sm-10'>
                            <label class="col-sm-3 control-label">申请科室
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <select name="subordinateDepartments" class="form-control" id="sel_dempartment">
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">使用目的
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <select name="purposeState" id="purposeState" class="form-control">
                                    <option value="">请选择查询目的</option>
                                    <option value="1">医务</option>
                                    <option value="2">科研</option>
                                </select>
                            </div>
                        </div>
                        <%--点击事件--%>
                        <div class='form-group col-sm-11 col-sm-push-1' id="medicalReview_direction">
                            <label class='col-sm-3 control-label'>权限/敏感
                                <i style='color: red; font-size: 16px;'>*</i>
                            </label>
                            <div class='col-sm-9'>
                                <select name='medicalReview' id='medicalReview' class='form-control'>
                                    <option value=''>请选择</option>
                                    <option value='1'>权限范围内且无敏感项</option>
                                    <option value='2'>超权限或存在敏感项</option>
                                </select>
                            </div>
                        </div>
                        <div class='form-group col-sm-11 col-sm-push-1' id="record_direction">
                            <label class='col-sm-3 control-label'>已备案?
                                <i style='color: red; font-size: 16px;'>*</i>
                            </label>
                            <div class='col-sm-9'>
                                <select name='record' id='record' class='form-control'>
                                    <option value=''>请选择</option>
                                    <option value='1'>是</option>
                                    <option value='2'>否</option>
                                </select>
                            </div>
                        </div>
                        <div class='form-group col-sm-10 col-sm-push-2' id="scientificResearchSensitive_direction">
                            <label class="col-sm-3 control-label">敏感
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <select name="scientificResearchSensitive" class="form-control">
                                    <option value=''>请选择</option>
                                    <option value='1'>是</option>
                                    <option value='2'>否</option>
                                </select>
                            </div>
                        </div>
                        <div class='form-group col-sm-10 col-sm-push-2' id="medicines_direction">
                            <label class="col-sm-3 control-label">含药品/耗材？
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <select name="medicines" class="form-control">
                                    <option value="">请选择</option>
                                    <option value='1'>是</option>
                                    <option value='2'>否</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">随访组
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <select name="followUpId" class="form-control" id="sel_grouptable">

                                </select>
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">输出方式
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-2" style="line-height: 40px;">
                                <input type="checkbox" name="exportWays" value="1">导出
                            </div>
                            <div class="col-sm-3" style="line-height: 40px;">
                                <input type="checkbox" name="exportWays" value="2">加入随访
                            </div>
                            <div class="col-sm-4" style="line-height: 40px;">
                                <input type="checkbox" name="exportWays" value="3">是否支持长期申请
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">期望有效期限
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <input name="endTimes" type="date" class="form-control">
                            </div>
                        </div>
                        <div class="form-group col-sm-12">
                            <label class="col-sm-3 control-label">申请理由
                                <i style="color: red; font-size: 16px;">*</i>
                            </label>
                            <div class="col-sm-9">
                                <textarea name="applyReason" class="form-control" placeholder="请输入申请理由"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-sm-12" style="height: 20px;"></div>
                    <div class="form-group col-sm-12">
                        <label class="col-sm-6 control-label"></label>
                        <div class="col-sm-2">
                            <a href="clinicalDataQueryDisplay.jsp">
                                <button type="button" class="btn btn-primary btn-block">
                                    取消
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <a href="#ios" data-toggle="tab" id="btn_application_information">
                                <button type="button" class="btn btn-primary btn-block">
                                    下一项
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" id="btn_personal" class="btn btn-primary btn-block">
                                保存
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="tab-pane fade" id="ios">
            <form action="" id="form_personal2" class="form-horizontal">
                <div class="form-group col-sm-12" style="margin-top: 50px;">
                    <div class="col-sm-12">
                        共享范围：
                        <input type="radio" name="scope_of" class="scope_of" value="1" checked/>全院
                        <input type="radio" name="scope_of" class="scope_of" value="2"/>科室
                    </div>
                    <div class="col-sm-12">
                        <div class="col-sm-3" style="height: 500px; overflow:scroll; border: 1px solid #B9B9B9;">
                            <jsp:include page="QueryConditionLeft.jsp"></jsp:include>
                        </div>
                        <div class="col-sm-9" style="height: 500px; overflow:scroll; border: 1px solid #B9B9B9;">
                            <jsp:include page="QueryConditionReight.jsp"></jsp:include>
                        </div>
                    </div>
                    <div class="form-group col-sm-12" style="height: 20px;"></div>
                    <div class="form-group col-sm-12">
                        <label class="col-sm-4 control-label"></label>
                        <div class="col-sm-2">
                            <a href="clinicalDataQueryDisplay.jsp">
                                <button type="button" class="btn btn-primary btn-block">
                                    取消
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <a href="#home" data-toggle="tab" id="on_application_information2">
                                <button type="button" class="btn btn-primary btn-block">
                                    上一项
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <a href="#jmeter" data-toggle="tab" id="btn_application_information2">
                                <button type="button" class="btn btn-primary btn-block">
                                    下一项
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <a href="" data-toggle="tab" id="btn_save_information2">
                                <button type="button" id="btn_personal2" class="btn btn-primary btn-block">
                                    保存
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="tab-pane fade" id="jmeter">
            <form action="" id="form_personal3" class="form-horizontal">
                <div class="form-group col-sm-12" style="margin-top: 50px;">
                    <div class="col-sm-12">
                        <%--
                        <div class="col-sm-3" style="height: 500px; overflow:scroll; border: 1px solid #B9B9B9;">
                            <jsp:include page="QueryConditionLeft.jsp"></jsp:include>
                        </div>
                        --%>
                        <div class="col-sm-12" style="height: 500px; overflow:scroll; border: 1px solid #B9B9B9;">
                            <jsp:include page="ResultsTheItemReight.jsp"></jsp:include>
                        </div>
                    </div>
                    <div class="form-group col-sm-12" style="height: 20px;"></div>
                    <div class="form-group col-sm-12">
                        <label class="col-sm-6 control-label"></label>
                        <div class="col-sm-2">
                            <a href="clinicalDataQueryDisplay.jsp">
                                <button type="button" class="btn btn-primary btn-block">
                                    取消
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <a href="#ios" data-toggle="tab" id="on_application_information3">
                                <button type="button" class="btn btn-primary btn-block">
                                    上一项
                                </button>
                            </a>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" id="btn_personal3" class="btn btn-primary btn-block">
                                保存
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>